define(['jquery'], () => {
    // console.dir($)
    class Header {
        constructor() {
            this.load().then(() => {
                this.searchList(),
                    this.cartShowNum(),
                    this.toLoginOrRegister()
                // this.cartShowNum()
                this.login_success()
            })
        }
        //加载
        load() {
            return new Promise(resolve => {
                $('header').load('/html/modules/header.html', resolve);
                //load方法是一个异步；
            })

        }
        //搜索框（百度）
        searchList() {
            var $send = function () {

                $.ajax({
                    url: 'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su',
                    dataType: "jsonp",//从服务器返回你期望的数据类型
                    jsonp: 'cb',
                    data: {
                        wd: $('#menuSearch').val()
                    },//发送到服务器的数据
                    //请求成功后的回调函数
                    success: function (resp) {
                        // console.log(resp)
                        var list = resp.s
                        var str = ''
                        list.forEach(item => {
                            str += `<li>${item}</li>`
                        })
                        $('#menuList').html(str)
                        // console.log($('#menuList').html(str))
                    }
                })
            }
            // console.log($('#menuList'))
            $('#menuSearch').on('keyup', function () {
                var $input = $("#menuSearch")
                // console.log($(this).val())
                $send()
                // alert(2222)
                $input.on('focus', function () {
                    $('#menuList').css('display', 'block')
                    $send()
                })
                $input.on('blur', function () {
                    $('#menuList').css('display', 'none')
                })
                $('#menuList').on('mousedown', "li", function () {
                    $('#menuSearch').val($(this).html())
                })
            })
        }
        //购物车
        cartShowNum() {
            var index = 0;
            const cartNum = localStorage.getItem('cart');
            if (cartNum) {
                const cartErgodic = JSON.parse(cartNum);
                cartErgodic.forEach((shop) => {
                    index += shop.num
                    // index++;
                    $('#bao').html(index);
                })
            } else {
                $('#bao').html(index);
            }

        }
        //跳转登录注册页面
        // toLoginOrRegister(){
        //     $('#ren').on('mouseover,function(){
        //         $('#login-register').css('display',block);
        //     })
        // }
        toLoginOrRegister() {

            $('#ren').on('mouseover', function () {
                $('#login-register').css('display', 'block');

            })
            $('#ren').on('mouseout', function () {
                $('#login-register').css('display', 'none');

            })
            $('#login-register').on('mouseover', function () {
                $('#login-register').css('display', 'block');
            })
            $('#login-register').on('mouseout', function () {
                $('#login-register').css('display', 'none');
            })
        }

        login_success() {
            var loginusername = util.getCookie('loginusername')
            if (loginusername) {
                $("#login_in").css('display', 'block')
                $("#login_out").css('display', 'none')
                $("#loginusername").html(loginusername)
            }
            $('#loginout').on('click', function () {
                if (confirm('是否确认退出？')) {
                    util.setCookie('loginusername', '', { path: '/', expires: -1 })
                    $("#login_in").css('display', 'none')
                    $("#login_out").css('display', 'block')
                }
            })
        }

    }
    return new Header()
})